<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../../util/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎界面</title>
<jsp:include page="util/commScript.jsp">
	<jsp:param value="<%=basePath %>" name="basePath"/>
</jsp:include>
<script type="text/javascript" src="${ctx }/manage/js/jsapi.js"></script>
<script type="text/javascript" src="${ctx }/manage/js/format+zh_CN,default,corechart.I.js"></script>
<script type="text/javascript" src="${ctx }/manage/js/jquery.ba-resize.min.js"></script>
<script type="text/javascript" src="${ctx }/manage/action/welcome.js"></script>
<script src="${ctx }/scripts/highcharts/highcharts.js"></script>
<script src="${ctx }/scripts/highcharts/modules/exporting.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.msgli a {
	font-size: 15px;
	line-height: 22px;
	color: #046DAF;
}

.msgli a:HOVER {
	text-decoration: underline;
}

.msgli b {
	font-size: 15px;
	line-height: 22px;
	color: red;
}


.todoList{
    width:95%;
    display:inline-block;
	border-bottom:1px dotted #8B8989;
	background-image: url("images/bullet_blue.png");
	background-repeat: no-repeat;
	padding-left: 16px;
}

.todoList a {
	font-size: 12px;
	line-height: 22px;
	color: #046DAF;
}

.todoList a:HOVER {
	text-decoration: underline;
}

.todoList b {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: red;
}
</style>
</head>
<body style="background-color: #FFFFFF">
	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="javascript:void(0)">首页</a></li>
			<li><a href="javascript:void(0)">工作台</a></li>
		</ul>
	</div>
	<div class="mainbox" >
		<div class="mainleft">
			<div class="leftinfos">
				<div class="infoleft">
					<div id="newestNoticeInfoArea" class="easyui-panel" title="通知公告" 
					    style="width:'100%';height:238px;padding:3x;background:#FFFFFF;"
					    data-options="iconCls:'icon-detailData'">
						<ul class="newlist" id="neweasstNoticeArea">
							<li><a href="javascript:void(0)">更新中</a><b>10-09</b></li>
						</ul>
					</div>
				</div>
				<div class="inforight">
					<div id="p" class="easyui-panel" title="最新资讯" 
					    style="width:'95%';height:238px;padding:3x;background:#FFFFFF;"
					    data-options="iconCls:'icon-detail'">
						<ul class="newlist" id="neweasstArea">
							<li><a href="javascript:void(0)">数据加载中...</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="leftinfo">
				<div id="containerForTongji" class="easyui-panel" title="数据统计" 
				    style="width:'100%';height:290px;padding:10px;background:#FFFFFF;"
				    data-options="iconCls:'icon-chart'">
				</div>
			</div>
			<!--leftinfo end-->
		</div>
		<!--mainleft end-->
		<div class="mainright">
			<div class="dflist">
				<div id="msgArea" class="easyui-panel" title="消息中心" 
				    style="width:'100%';height:350px;padding:10px;background:#FFFFFF;"
				    data-options="iconCls:'icon-comments'">
				    <p><font color="red"><b>暂无消息</b></font></p>
				</div>
			</div>

			<div class="dflist1">
				<div id="toDoListArea" class="easyui-panel" title="待办事项" 
				    style="width:'100%';height:238px;padding:10px;background:#FFFFFF;"
				    data-options="iconCls:'icon-date'">
				    <p><font color="red"><b>暂无待办事项</b></font></p>
				</div>
			</div>
		</div>
		<!--mainright end-->
	</div>
</body>
</html>
<script type="text/javascript">
	setWidth();
	$(window).resize(function() {
		setWidth();
	});
	
	$(function(){
		var height = $(window).height()-$(".place").height()-20;
		$(".mainbox").height(height);
		var mainLeftHeight = height-16;
		$(".mainleft").height(mainLeftHeight);
		var msgAreaHeight = $('#msgArea').panel('options').height;
		var newestNoticeInfoAreaHeight = $('#newestNoticeInfoArea').panel('options').height;
		$("#toDoListArea").height(mainLeftHeight-msgAreaHeight-80);
		$("#containerForTongji").height(mainLeftHeight-newestNoticeInfoAreaHeight-80);
		//加载图表
		loadChart();
	})
	
	function setWidth() {
		var width = ($('.leftinfos').width() - 12) / 2;
		$('.infoleft,.inforight').width(width-2);
	}
	
	//设置高度
	function setHeight(){
		var height = $(".leftinfos").height();
		
		var leftinfoHeight = $(window).height()-height;
		$(".leftinfo").css("height",leftinfoHeight);
	}
</script>
